<template>
    <div class="tech-error-page">
        <img class="error-img" src="@assets/icon/error.png" alt="页面出错">
        <div class="error-msg">{{errorMsg}}</div>
    </div>
</template>

<script>
export default {
    name: 'ErrorPage',
    computed: {
        errorMsg() {
            return this.$route.query.msg || '异常了';
        },
    },
};
</script>

<style lang="less">
    .tech-error-page {
        height: 100vh;
        width: 100%;
        background-color: @white;
        .flex-column-center();
        .error-img {
            width: 70%;
        }
        .error-msg {
            .m-t(30);
            .font-size();
            color: @gray-darker;
        }
    }
</style>
